/* 元素选择器 */
p {
    color: #e2a82b;
    font-size: 20px;

}

/* id选择器：在文档中只能使用一次 */
#box1 {
    color: blue;
}
#box2 {
    color: blueviolet;
}

/* 类选择器：可以重复使用
可以使用类选择器词列表的方式来为一个元素设置多个样式
 */
.center {
    color: aquamarine;
}

.stress {
    color: darkred;
}

.bigsize {
    font-size: 25px;
}

/* 通用选择器 主要用于测试，可以选择所有元素*/
/* * {
    border: 1px solid red;

} */

/* 子元素选择器 > :会选择第一代子元素 */
h1 > strong{
    color: red;
}

/* .food > li {
    border: 1px solid red;
} */

/* 后代选择器 */
.food li {
    border: 1px solid red;
}
